<!DOCTYPE html>
<html lang="en"   xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/creatorCenter.css">
    <link rel="stylesheet" href="../static/css/iconfont.css">
    <title>导航栏示例</title>
</head>

<body>
<div class="nav-container" th:fragment="Tap">
    <div class="user-info">
        <img src="../static/img/OIP-C.jpg" alt="头像" class="level-icon">
        <h3 class="username">问安</h3>
        <span class="introduction">一句话介绍你自己</span>
        <button class="create-content-btn">写文章</button>
        <button class="create-content-btn">写想法</button>
        <button class="create-content-btn">发视频</button>
    </div>
    <nav>
        <ul class="nav-links">
            <li class="nav-item">
                <a href="#" class="nav-link">
                    <i class="iconfont">&#xe660;</i>
                    主页
                </a>
            </li>
            <li class="nav-item has-submenu">
                <a href="#" class="nav-link">
                    <i class="iconfont">&#xe659;</i>
                    账号管理
                </a>

            </li>
            <li class="nav-item has-submenu">
                <a href="#" class="nav-link">
                    <i class="iconfont">&#xe61a;</i>
                    内容管理
                </a>

            </li>
            <!--            <li class="nav-item has-submenu">-->
            <!--                <a href="#" class="nav-link">-->
            <!--                    <img src="https://via.placeholder.com/20" alt="数据分析图标" class="icon">-->
            <!--                    数据分析-->
            <!--                </a>-->

            <!--            </li>-->
        </ul>
    </nav>
</div>
<script src="script.js"></script>
</body>

</html>